<!--
 * @Author: your name
 * @Date: 2021-09-06 11:38:26
 * @LastEditTime: 2021-09-06 16:48:13
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\5-javascript\day11\5-text.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>hello,world</div>
</body>
<script>
    var div = document.getElementsByTagName("div")[0];
    console.log(div.innerText); //24、25行输出结果相同
    console.log(div.textContent); //24、25行输出结果相同
    //创建了一个hello,文本节点
    var textNode = document.createTextNode("hello,");
    console.log(textNode);
    //textNode.deleteData(1, 1); //第一个数字是索引下标，第二个数字是删除几个
    //textNode.insertData(6, "world!");//插入文本 开始位置  插入内容
    //textNode.replaceData(0, 2, "--");//替换文本 开始位置  替换长度  替换文本
    //console.log(textNode.splitText(2));// 分割的位置  返回分割后面的内容  llo
    //console.log(textNode);//分割的内容  he
    //world追加到hello,后面
    var world = document.createElement("world");
    textNode.appendData("world");
    //现在整个hello,world追加到hello,world后面
    div.appendChild(textNode);
    console.log(div, div.nodeName); //DIV
    //获取节点
    var textNode = div.firstChild;
    console.log(textNode); //hello,world
    console.log(textNode.nodeName); //#text
    //获取节点内容
    textNode.appendData("!!!!"); //hello,world!!!!
    var textNode = document.createTextNode("helloworld");
    console.log(textNode.substringData(0, 5)); //hello
    console.log(textNode); //helloworld
</script>

</html>